<template>
	<div >
     <div v-for='(item,index) in list' :key='index'>
     	<div class="title border-bottom" >
     		<span class="icon"></span>{{item.title}}
     	</div>
     	<div v-if='item.children' class="chidren">
     	<detail-list :list='item.children'></detail-list>
        </div> 
     </div>
	</div>
</template>
<script>
export default{
 	name:'detailList',
 	props:{
 		list:Array
 	}
 }
</script>
<style lang='stylus' scoped>
.title
		line-height:0.5rem
		padding:0 0.2rem
		.icon
			display:inline-block;
			width:0.4rem
			height:0.4rem
			background:url(https://img1.qunarzz.com/piao/fusion/1804/25/792e9929973a9902.png)  0.1rem 0.2rem no-repeat
			margin-right:0.1rem
			background-size:0.2rem 0.2rem
.chidren
	padding:0 0.2rem			
</style>